<div class="modal fade" id="shareFolderModal" tabindex="-1"
	role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
	<div class="modal-dialog">
		<div class="col-xs-12 col-sm-12 col-md-12">
			<div class="panel panel-primary">
				<div class="panel-heading">
					<button type="button" class="close" data-dismiss="modal">
						<span aria-hidden="true">&times;</span><span class="sr-only">
						</span>
					</button>
					<h3 class="panel-title">Share a Folder</h3>
				</div>
				<div class="panel-body">
					<input type="hidden" id="contextPathFolder" value="${contextPath}">
					<p>Link to folder</p>
					<div class="input-group">
					    <input type="text" class="form-control" id="linkShareFolder" required>
					    <span class="input-group-btn">
					   	 	<button class="btn btn-primary" type="button" data-clipboard-text="" id="btnCopyFolderlink" onclick="showMessage()" style="cursor: pointer;">Copy</button>
					    </span>
					</div>
					<p class="copyToClipboard hidden">This link has been copied to the clipboard.</p>
					<p>Anyone with the link can see it. <a href="#" onclick="showSetting(document.getElementById('linkShareFolder').value);">Set visibility</a></p>
					<p>Send link and invitation to</p>
					<input type="text" class="form-control" id="sendLinkFolderEmail" required placeholder="Enter the emails">
					<textarea class="form-control" id="sendLinkFolderMessage" placeholder="Message (optional)"></textarea>
				</div>
				<div class="panel-footer">
					<div style="float: right">
						<a href="" data-dismiss="modal" class="btn">Cancel</a> 
						<button data-dismiss="modal" class="btn btn-primary" onclick="shareFolderToListUser()">Finish</button>
					</div>
					<div class="clear"></div>
				</div>
			</div>
		</div>
	</div>
</div>